<template>
  <view>
    <view>
      <u-tabs
        :list="tabsList"
        :current="current"
        line-color="#5eb292"
        :scrollable="false"
        @change="changeNav"
        v-if="showTabs"
        :activeStyle="{
          color: '#5eb292',
          fontWeight: 'bold',
          transform: 'scale(1.05)',
        }"
        :inactiveStyle="{
          color: '#606266',
          transform: 'scale(1)',
        }"
        itemStyle="padding-left: 15px; padding-right: 15px; height: 44px;"
      >
      </u-tabs>
      <scroll-view style="height: calc(100vh - 44px)">
        <u-empty mode="order" marginTop="60px">
          <view class="mt-10">
            <u-button
              text="回到首页"
              type="primary"
              shape="circle"
              @click="goHome"
            ></u-button>
          </view>
        </u-empty>
      </scroll-view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      showTabs: false,
      current: 0,
      tabsList: [{ name: "评价" }, { name: "已评价" }],
    };
  },
  methods: {
    changeNav({ index }) {
      this.current = index;
    },
    goHome() {
      this.$Router.pushTab({
        name: "index",
      });
    },
  },
  onLoad(options) {
    this.showTabs = true;
  },
};
</script>

<style lang="scss" scoped></style>
